/* 侧边栏部分 */
.fixed_btns {
    z-index: 10;
    position: fixed;
    bottom: 35%;
    right: 2.5%;
    width: 67px;  
    background-color: #fff;
    text-align: center;
}
.fixed_btns .scan,
.fixed_btns .service {
    display: block;
    width: 67px;
    height: 90px;
    border: 1px solid #e6e6e6;
    
}
.fixed_btns .scan div {
    background-image: url(../images/index-img/ma-1.png);
}
.fixed_btns .service div {
    background-image: url(../images/index-img/ma-2.png);
}
.fixed_btns .scan div:hover {
    background-image: url(../images/index-img/ma-1h.png);
}
.fixed_btns .service div:hover {
    background-image: url(../images/index-img/ma-2h.png);
}
.icon_aside {
    margin: 12px 0 4px;
    height: 45px;
    background:center no-repeat;
}
.fixed_btns .scan span,
.fixed_btns .service span {
    display: block;
    padding-top: 3px;
    font-size: 12px;
    color: #595959;
    line-height: 17px;
}
.fixed_btns .gif {
    z-index: 10;
    width: 159px;
    height: 159px;
    background-color: red;
    position: absolute;
    left: -159px;
    bottom: 65px;
    background: url(../images/index-img/ma-3.gif) center no-repeat;
    background-size: cover;   
}
.fixed_btns .ico_top {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: -36px;
    width: 67px;  
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.fixed_btns .qrcode {
    display: none;
    z-index: 11;
    position: absolute;
    left: -204px;
    top: -71px;
    height: 240px;
    width: 195px;
    background: #fff;
    border: 1px solid #e6e6e6;
}
.fixed_btns .qrcode img {
    width: 190px;
    height: 190px;
}
.fixed_btns .qrcode .content span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #f24e22;
    line-height: 20px;
}
.head {
    width: 1520px;
    height: 64px;
    line-height: 64px;
    z-index: 99;
    background-color: #fff;
}
.wrap {
    width: 1200px;
    height: 64px;   
    margin: 0 160px;
}
.head .wrap h1 {
    float: left;
    width: 110px;
}
.head .wrap img {
    width: 109.67px;
    height: 28px;
}
.head .wrap ul {
    float: left;
    width: 176px;
    height: 64px;
    margin-left: 914px;
}
.head .wrap ul li {
    float: left;
    margin-left: 60px;
}
.head .wrap ul li a.active::after {
    content: '';
    display: block;
    margin: -19px auto 0;
    width: 57%;
    height: 3px;
    background: #ff7400;
    border-radius: 2px;
}
.head .wrap ul li a {
    font-size: 14px;
    font-weight: 700;
}
.head .wrap ul li .active {
    color: #FF7400;
}
.top {
    width: 1520px;
    height: 570px;
    text-align: center;
    overflow-x: hidden;
    background: linear-gradient(180deg,#f8f9ff 0, #f0eff4 100%);
}
.top .main {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    opacity: 0;
    transition: all .5s ease;
    transform: translateX(200px);
}
.top .main .picture {
    width: auto;
    height: 570px;
}
.screen {
    height: 1000px;
    text-align: center;
    background: #fff;
}
.screen .mainly {
    padding-top: 117px;
}
.screen .mainly .screen-title {
    width: 744px;
    height: 42px;
}
.screen .screen-content {
    width: 100%;
    margin-top: 74px;
}
.screen .screen-content .tab-list {
    width: 1200px;
    height: 98px;
    display: flex;
    margin: 0 auto;
    justify-content: space-around;
}
/* .screen .screen-content .tab-list .tab {
    flex: 1 ;
} */
.screen .screen-content .tab-list .tab .tab-title {
    height: 39px;
    line-height: 39px;
    font-weight: 700;
    font-size: 28px;
    color: #ff7400;
}
.screen .mainly .screen-content .tab-list a {
    border-bottom: 2px solid transparent;
}
.screen .mainly .screen-content .tab-list a.actively {
    border-color: #ff7400;
    color: #ff7400;
}
.screen .screen-content .tab-list .tab .tab-subtitle {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-top: 8px;
    color: #8a8ba3;
}
.screen .mainly .screen-content .content {
    width: 100%;
    height: 500px;
}
.screen .mainly .screen-content .content img{
    width: 1200px;
    height: 500px;
}
.screen .mainly .screen-content .content {
    width: 100%;
    height: 500px;
    position: relative;
}
.screen .mainly .screen-content .content.sp {
    display: none;
}
.screen .mainly .screen-content .content.sp .in-class {
    position: absolute;
    height: 18px;
    background: #82c2f8;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    left: 640px;
    top: 146px;
    border-radius: 10px;
    padding: 0 8px;
}
.screen .mainly .screen-content .content.sp .out-class {
    position: absolute;
    background: #ff8341;
    left: 455px;
    top: 303px;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    padding: 0 8px;
    border-radius: 10px
}
.middle {
    height: 1063px;
    background: #f2f6fe;
    text-align: center;
}
.middle .mainlly {
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 120px;
}
.middle .mainlly .middle-subtitle {
    display: flex;
    align-items: center;
    height: 25px;
    justify-content: center;
    margin: 12px auto 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 2px;
    color: #40405a;
}
.middle .mainlly .middle-content {
    display: flex;
    margin-top: 80px;
    height: 720px;
    overflow-y: hidden;
    justify-content: space-between;
}
.middle .mainlly .middle-content.pec {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(100px);
}
.middle .mainlly .middle-content .card {
    position: relative;
    width: 386px;
    display: inline-block;
}
.middle .mainlly .middle-content .card .title {
    position: absolute;
    left: 0;
    top: 0;
}
.middle .mainlly .middle-content .card .pct {
    width: 100%;
}
.middle .mainlly .middle-subtitle .icon-left .span {
    margin: 0 20px;
}
.modular {
    height: 1179px;
    background: #fff;
    text-align: center;
    position: relative;
}
.modular .mainily {
    position: relative;
    width: 1200px;
    height: 100%;
    padding-top: 122px;
    box-sizing: border-box;
    margin: 0 auto;
}
.modular .mainily .modular-title {
    width: 548px;
    height: 45px;
}
.modular .mainily .qualification {
    margin-top: 60px;
}
.modular .mainily .qualification .qualification-title {
    display: flex;
    height: 18px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 18px;
    color: #a8acc1;
}
.modular .mainily .qualification .qualification-list {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
.modular .mainily .qualification .qualification-list span {
    padding: 6.5px 12px;
    background: linear-gradient(358deg,#f2f6fe,#f2f6fe),#fafcfe;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    color: #40405a;
}
.modular .mainily .teacher-list {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}
.modular .mainily .teacher-list.cher {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(60px);
}
.modular .mainily .teacher-list .teacher {
    position: relative;
    width: 280px;
}
.modular .mainily .teacher-list .teacher img{
    width: 100%;
}
.modular .mainily .teacher-list .teacher .info {
    position: absolute;
    left: 20px;
    top: 0;
    width: auto;
}
.modular .mainily .oth {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(60px);
}
.modular .mainily .oth .other {
    margin-top: 55px;
}
.system {
    position: relative;
    height: 1070px;
    text-align: center;
    overflow-x: hidden;
    background: #f2f6fe;
}
.system .maintly {
    position: relative;
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    padding: 120px 0;
    margin: 0 auto;
}
.system .maintly .system-title {
    width: 694px;
    height: 45px;
}
.system .maintly .system-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 2px;
    color: #40405a;
}
.system .maintly .system-subtitle span {
    width: 300px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    margin: 0 20px;
    letter-spacing: 2px;
    color: #40405a;
}
.system .maintly .system-content {
    width: 1200px;
    height: 471px;
    margin-top: 70px;
}
.system .maintly .system-content .system-etr {
    display: flex;
    justify-content: space-between;
}
.system .maintly .system-content .system-etr a {
    border-radius: 20px;
}
.system .maintly .system-content .system-etr a:hover {
    color: #ff8a28;
}
.system .maintly .system-content .system-etr .tab {
    width: 298.5px;
    height: 93px;
    padding-top: 13px;
    box-sizing: border-box;
    box-shadow: 0 0 30px rgb(226 229 240 / 10%);
    border-radius: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
}
.system .maintly .system-content .system-etr .tab:hover {
    margin-top: -10px;
}
.system .maintly .system-content .system-etr .tab.activelly {
    background: #ff8a28;
    color: #fff;
}
.system .maintly .system-content .content {
    position: relative;
    background: #fff;
    box-shadow: 0 0 30px rgb(226 229 240 / 10%);
    border-radius: 20px;
    margin-top: -43px;
    padding: 34px 10px 10px;
}
.system .maintly .system-content .content.activelly {
    display: block;
    display: none;
}
.system .maintly .system-content .content .content-title {
    font-size: 16px;
    line-height: 22px;
    color: #ff7400;
}
.system .maintly .system-content .content img {
    margin-top: 26px;
}
.system .maintly .guarantee {
    width: 1200px;
    height: 147px;
    margin-top: 60px;
}
.system .maintly .guarantee .guarantee-maintitle {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #8a8ba3;
}
.system .maintly .guarantee .guarantee-list {
    margin-top: 30px;
}
.source {
    position: relative;
    height: 1046px;
    background: #fff;
    text-align: center;
    overflow-x: hidden;
}
.source .decorate-left {
    position: absolute;
    left: 0;
}
.source .decorate-right {
    position: absolute;
    right: 0;
}
.source .mainitly {
    position: relative;
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 120px;
}
.source .mainitly .source-title {
    width: 695px;
    height: 45px;
}
.source .mainitly .source-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 2px;
    color: #40405a;
}
.source .mainitly .source-subtitle span {
    margin: 0 20px;
}
.source .mainitly .source-content {
    position: relative;
}
.source .mainitly .source-content.wwf {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(100px);
}
.source .mainitly .source-content .content-wwf {
    position: absolute;
    left: -29px;
    top: 145px;
}
.source .mainitly .source-content .content-wwf img {
    width: 407.33px;
}
.source .mainitly .source-content .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #40405a;
}
.source .mainitly .source-content .subtitle {
    width: 276px;
    margin:16px auto 0;
    line-height: 19px;
    font-size: 13px;
    color: #a8acc1;
}
.source .mainitly .source-content .content-dongao {
    position: absolute;
    left: 360px;
    top: 60px;
}
.source .mainitly .source-content .content-dongao img {
    width: 480px;
}
.source .mainitly .source-content .content-zuiqiang {
    position: absolute;
    left: 821px;
    top: 145px;
}
.source .mainitly .source-content .content-zuiqiang img {
    width: 407.33px;
}

.leg {
    position: relative;
    height: 896px;
    text-align: center;
    overflow-x: hidden;
    background: #f2f6fe;
}
.leg .decorate-left {
    position: absolute;
    left: 0;
    top: 190px;
}
.leg .decorate-right {
    position: absolute;
    right: 0;
    top: 50px;
}
.leg .maining {
    position: relative;
    width: 1200px;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 120px;
}
.leg .maining .leg-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 2px;
    color: #40405a;
}
.leg .maining .screen-content {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    transition: all .5s ease;
}
.leg .maining .screen-content .card {
    position: absolute;
    width: 446px;
}
.leg .maining .screen-content .card.card-ceshi {
    top: 40px;
    left: -30px;
}
.leg .maining .screen-content .card.card-quanwei {
    top: 40px;
    left: 376px;
}
.leg .maining .screen-content .card.card-ai {
    top: 40px;
    left: 782px;
}
.leg .maining .screen-content .card.card-zhishi {
    top: 270px;
    left: 174px;
}
.leg .maining .screen-content .card.card-diyi {
    top: 270px;
    left: 580px;
}
.bm {
    width: 1520px;
    height: 344px;
    padding: 80px 0 99px;
    line-height: 32px;
    background: #40405A;
    font-size: 14px;
    color: #8a8ba3;
    text-align: center;
}
.bm:before {
    content: '';
    display: block;
    margin: 0 auto 40px;
    width: 390px;
    height: 29px;
    background: url(https://tutor-online1.fbcontent.cn/growth/eagle-resource/65b7d87a6f55f2411980ab47bf5c656c.png);
    background-size: 100%;
}
.bm a {
    color: #8A8BA3;
}
.bm span {
    margin: 0 8px;
}